<template>
  <com-page>
    <u-navbar placeholder autoBack :title="$t('pages_app_setting_setting_settings')" />

    <view class="com-mt-md">
      <view class="com-cell" @click="$utils.router('/pages/user/setting/account/account')">
        <view class="com-cell__left-icon">
          <u-icon name="setting" />
        </view>
        <view class="com-cell__bd">帐号户安全</view>
        <view class="com-cell__ft com-arrow" />
      </view>
    </view>

    <view class="com-mt-md">
      <view class="com-cell" @click="$utils.router('/pages/app/setting/language/language')">
        <view class="com-cell__left-icon">
          <u-icon name="setting" />
        </view>
        <view class="com-cell__bd">语言切换</view>
        <view class="com-cell__ft com-arrow" />
      </view>
      <view class="com-cell" @click="$utils.router('/pages/app/setting/theme/theme')">
        <view class="com-cell__left-icon">
          <u-icon name="setting" />
        </view>
        <view class="com-cell__bd">主题切换</view>
        <view class="com-cell__ft com-arrow" />
      </view>
    </view>

    <view class="com-mt-md">
      <view class="com-cell" @click="$utils.router('/pages/app/feedback/feedback')">
        <view class="com-cell__left-icon">
          <u-icon name="setting" />
        </view>
        <view class="com-cell__bd">帮助与反馈</view>
        <view class="com-cell__ft com-arrow" />
      </view>
      <view class="com-cell" @click="$utils.router('/pages/app/about/about')">
        <view class="com-cell__left-icon">
          <u-icon name="setting" />
        </view>
        <view class="com-cell__bd">关于</view>
        <view class="com-cell__ft com-arrow" />
      </view>
    </view>

    <view class="com-mt-md">
      <view class="com-cell" @click="$utils.router('/pages/user/account/account')">
        <view class="com-cell__bd com-text-center">退出</view>
      </view>
    </view>
  </com-page>
</template>

<script>
export default {
  name: 'App-Setting',
  data() {
    return {
      pic: 'https://uviewui.com/common/logo.png',
      show: true,
    }
  },
  onLoad() {},
  methods: {},
}
</script>

<style lang="scss"></style>
